<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
	body{
		margin: 0;
		padding: 0;
	}
	.boxa,.boxb,.boxc{
		width: 300px;
		height: 300px;
		float: left;
/*		background-color: skyblue;*/
		border:1px skyblue solid;
		margin-right: 5px
	}
	.boxa{
		background-image: url("imgs/dd.png");
		background-position: 0px,-10px;
		background-repeat: no-repeat;
		background-size: 520%
	}
	.boxb{
		background-image: url("imgs/dd.png");
		background-position: center,center;
		background-repeat: no-repeat;
		background-size: 500%
	}
	.boxc{
		background-image: url("imgs/dd.png");
		background-position: right,right;
		background-repeat: no-repeat;
		background-size: 500%
	}
	</style>
<body>
	<div class="boxa"></div>
	<div class="boxb"></div>
	<div class="boxc"></div>
</body>
</html>
